<template>
  <div class="ltfooter" v-show="$route.path.indexOf('/productDetail') === -1">
      <!-- fixed 固定在页面底部 -->
    <mt-tabbar v-model="selected" fixed>
      <mt-tab-item id="首页">
          <router-link to='/index'>
          <div class="myicon myicon-user"></div>
            首页
          </router-link>

      </mt-tab-item>
      <mt-tab-item id="分类">
          <router-link to='/category'>
          <div class="myicon myicon-user"></div>
          分类
          </router-link>

      </mt-tab-item>
      <mt-tab-item id="购物车">
          <router-link to='/cart'>
          <div class="myicon myicon-user"></div>
           购物车
          </router-link>

      </mt-tab-item>
      <mt-tab-item id="个人中心">
          <router-link to='/user'>
          <div class="myicon myicon-user"></div>
           个人中心
          </router-link>

      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>
<script>
export default {
  data () {
    return {
      selected: ''
    }
  }
}
</script>
<style lang="scss" scoped>
// .isActive {
//     color:red
// }
</style>
